@import "../lib/reset";

html,body{
  width: 100%;
  height: 100%;
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
#wrapper{
  width: 100%;
  height: 100%;
}
header{
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #005195;
  color: #ffffff;
  position: relative;
  font-size: 17px;
  z-index: 100;
  h1{

  }
  .back{
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 44px;
    line-height: 48px;
    color: #0091ff;
    margin-left: 15px;
    background: url("../img/come_back_03.png") no-repeat 0 50%;
    background-size: 13px;
  }
}
.slide-wrapper{
  width: 320px;
  height: 100%;
  float: left;
  background: #eeeded;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
}
.content-wrapper{
  margin-left: 320px;
  height: 100%;
  position: relative;
}
.nav{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  img{
    width: 100%;
  }
}
.slide{
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 100%;
}
.slide-list{
  li{
    height: 75px;
    border-bottom:1px solid #dfdfdf;
    display:table;
    width: 100%;
    a{
      padding-left: 25px;
      padding-right: 20px;
      background: url("../img/home_03.png") no-repeat 98% 50%;
      background-size:9px;
      display:table-cell;
      vertical-align:middle;

    }
    .title{
      font-size: 17px;
      color: #272727;
    }
    .location{
      font-size: 14px;
      color: #919090;
    }
  }
}
.content-list{
  li {
    height: 75px;
    line-height: 75px;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 26px;
  }
}
.slide-content{
  z-index: 99;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 44px;
  padding-bottom:36.5%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.content-con{
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 44px;
  position: absolute;
  left: 0;
  top: 0;
}
.numInput{
  margin-top: 25px;
  margin-right: 65px;
  span{
    float: left;
    height: 30px;
    line-height: 30px;
  }
  .arrow_l{
    background: url("../img/arrows_left_03.png") no-repeat center;
    background-size: 13px;
    width: 40px;
  }
  .arrow_r{
    width: 40px;
    background: url("../img/arrows_right_05.png") no-repeat center;
    background-size: 13px;
  }
}

.center_num{
  width: 45px;
  text-align: center;
}
.content-logo{
  width: 510px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -255px;
  margin-top: -51px;
}

.slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.pt-page-current,
.no-js .pt-page {
  visibility: visible;
  z-index: 1;
}

.pt-page-ontop {
  z-index: 999;
}

.pt-page-moveToLeft {
  -webkit-animation: moveToLeft .3s ease both;
  -moz-animation: moveToLeft .3s ease both;
  animation: moveToLeft .3s ease both;
}

.pt-page-moveFromLeft {
  -webkit-animation: moveFromLeft .3s ease both;
  -moz-animation: moveFromLeft .3s ease both;
  animation: moveFromLeft .3s ease both;
}

.pt-page-moveToRight {
  -webkit-animation: moveToRight .3s ease both;
  -moz-animation: moveToRight .3s ease both;
  animation: moveToRight .3s ease both;
}

.pt-page-moveFromRight {
  -webkit-animation: moveFromRight .3s ease both;
  -moz-animation: moveFromRight .3s ease both;
  animation: moveFromRight .3s ease both;
}

@-webkit-keyframes moveToLeft {
  to { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveToLeft {
  to { -moz-transform: translateX(-100%); }
}
@keyframes moveToLeft {
  to { transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeft {
  from { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes moveFromLeft {
  from { -moz-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
  from { transform: translateX(-100%); }
}

@-webkit-keyframes moveToRight {
  to { -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveToRight {
  to { -moz-transform: translateX(100%); }
}
@keyframes moveToRight {
  to { transform: translateX(100%); }
}

@-webkit-keyframes moveFromRight {
  from { -webkit-transform: translateX(100%); }
}
@-moz-keyframes moveFromRight {
  from { -moz-transform: translateX(100%); }
}
@keyframes moveFromRight {
  from { transform: translateX(100%); }
}
